<div class="slideshow">
  <div id="slideshow<?php echo $module; ?>" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px; min-height: 10em;display: table-cell;    vertical-align: middle;">
  <img src="image/sportsequip.jpg" alt="Planets" usemap="#planetmap" style="display: block;margin-left: auto;   margin-right: auto;">

<map name="planetmap">
<area shape="rect" coords="491,15,514,36" href="index.php?route=product/category&path=68" alt="helmet" title="helmet"    />
<area shape="rect" coords="585,57,608,78" href="index.php?route=product/category&path=70" alt="clothing" title="clothing"    />
<area shape="rect" coords="606,114,629,135" href="index.php?route=product/category&path=67" alt="thighpads" title="thighpads"    />
<area shape="rect" coords="568,117,591,138" href="index.php?route=product/category&path=66" alt="box" title="box"    />
<area shape="rect" coords="531,117,554,138" href="index.php?route=product/category&path=65" alt="batting" title="batting"    />
<area shape="rect" coords="597,197,620,218" href="index.php?route=product/category&path=67" alt="pads" title="pads"    />
<area shape="rect" coords="459,148,482,169" href="index.php?route=product/category&path=61" alt="stumps" title="stumps"    />
<area shape="rect" coords="579,241,602,262" href="index.php?route=product/category&path=69" alt="shoes" title="shoes"    />
<area shape="rect" coords="514,207,537,228" href="index.php?route=product/category&path=59" alt="ball" title="ball"    />
<area shape="rect" coords="483,221,506,242" href="index.php?route=product/category&path=60" alt="bat" title="bat"    />
<area shape="rect" coords="357,208,380,229" href="index.php?route=product/category&path=65" alt="keeping" title="keeping"    />
<area shape="rect" coords="324,201,347,222" href="index.php?route=product/category&path=67" alt="keeper" title="keeper"    />
</map>
  </div>
</div>